﻿layui.use(['table', 'form', 'layer', 'laypage', 'jquery'], function () {
    var form = layui.form;
    var layer = layui.layer;
    var $ = layui.jquery;
    var table = layui.table;
    var laypage = layui.laypage;

    var newDiv = ""

    $(document).ready(function () {
        // 监听下拉框变化事件
        $('#selectValue').change(function () {
            var selectedRooms = parseInt($(this).val());  // 获取用户选择的房间数量并转换为整数

            // 发送 POST 请求获取数据
            $.post({
                url: 'http://localhost:5174/api/RoomHousingState/GetAllPriceDateTime',
                contentType: "application/json",
                headers: {
                    "Authorization": "Bearer " + localStorage.getItem('token')
                },
                async: true,
                data: JSON.stringify({ roomId: 28, startDate: "", endDate: "" }),
                success: function (res) {
                    console.log(res);

                    // 清空订单显示容器
                    $("#showOrder").empty();

                    // 遍历返回的数据
                    res.data.forEach(function (item) {
                        // 创建一个 Date 对象
                        var date = new Date(item.addTime);
                        var month = date.getMonth() + 1; // 获取月份
                        var day = date.getDate(); // 获取日期
                        var formattedDate = `${month.toString().padStart(2, '0')}月${day}号`;

                        // 创建新的 div 元素
                        var newDiv = $('<div class="div-border" style="width: 140px;float:left;padding:5px">');

                        // 设置 div 内容
                        newDiv.append('<p>日期: ' + formattedDate + '</p>');
                        newDiv.append('<p>房间: ' + selectedRooms + '间</p>'); // 使用选择的房间数量
                        newDiv.append('<p>早餐: 无早餐 </p>');
                        newDiv.append('<p>总费用: ￥<span>' + (item.priceEveryDate * selectedRooms) + '</span></p>'); // 计算总费用

                        // 将新生成的 div 添加到容器中
                        $("#showOrder").append(newDiv);
                    });
                },
                error: function (err) {
                    console.error('Error fetching data: ', err);
                }
            });
        });

        // 页面加载时触发一次下拉框的 change 事件，以便初始化显示订单
        $('#selectValue').trigger('change');

        
    });

    $(document).on('click', '#btnAddOrder', function () {
        console.log(1)
    });
});